
    @font-face {
        font-family: 'YuhaoSongti';
        src: url("../fonts/YuhaoSongti.ttf");
        /*src: url("https://zhuyuhao.com/yuhao/fonts/YuhaoSongti.ttf");*/
    }
    span {
      font-family: 'YuhaoSongti';
    }

    @font-face {
        font-family: 'TumanPUA';
        src: url("../fonts/TumanPUA.ttf");
        /* src: url("../fonts/LXGWWenKaiGBScreenR.ttf"); */
    }
    span {
      font-family: 'TumanPUA';
    }

	/*@font-face {
		font-family: "iconfont";
		src: url("../fonts/iconfont.woff2") format("woff2"), url("./fonts/iconfont.woff) format("woff"), url("./fonts//iconfont.ttf") format("truetype")
	}
	span {
      font-family: 'iconfont';
    }*/

	@font-face {
		font-family: 'icomoon';
		src:  url('../fonts/icomoon.eot?tomleg');
		src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
		  url('../fonts/icomoon.ttf?tomleg') format('truetype'),
		  url('../fonts/icomoon.woff?tomleg') format('woff'),
		  url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
		font-display: block;
	}

    #root {
        font-family: YuhaoSongti, Consolas, Lucida Console, Helvetica, Arial, Times New Roman, Georgia, TumanPUA, Simsun, Simsum-ExtB, Simsun-ExtG, TH-Sung-TP2, TH-Sung-TP0, serif, sans-serif !important;

        margin: auto;
        font-size: 5rem;
        text-align: center;
        width: 100%;
    }

    #root_type {
      font-family: YuhaoSongti, Consolas, Lucida Console, Helvetica, Arial, Times New Roman, Georgia, TumanPUA, Simsun, Simsum-ExtB, Simsun-ExtG, TH-Sung-TP2, TH-Sung-TP0, serif, sans-serif !important;

      margin: auto;
      font-size: 5rem;
      text-align: center;
      width: 100%;
      color:#696969;
    }

    #output_root {
        font-family: YuhaoSongti, Consolas, Lucida Console, Helvetica, Arial, Times New Roman, Georgia, TumanPUA, Simsun, Simsum-ExtB, Simsun-ExtG, TH-Sung-TP2, TH-Sung-TP0, serif, sans-serif !important;

        margin: auto;
        font-size: 3rem;
        text-align: center;
        width: 100%;
    }

    #code {
        height: 5rem;
        font-family: YuhaoSongti, TumanPUA, Consolas, Lucida Console, Bookerly, Helvetica, Arial, Times New Roman, Georgia, serif, sans-serif !important;
        margin: auto;
        font-size: 3.5rem;
        text-align: center;
        width: 100%;
        color:#39c5bb;
    }

    #tip {
        font-size: 13px;
        margin-top: 1.5rem;
    }


    .center80 {
        margin: auto;
        position: absolute;
        top: 20%;
        font-size: 30px;


        text-align: center;
        width: 100%;

    }

    .top {
        margin: auto;
        text-align: center;
        width: 100%;
        font-size: small;
    }

    /*.floatleft {*/
    /*    margin: 0.3rem;*/
    /*    text-align: center;*/
    /*    float: left;*/
    /*    clear: left;*/
    /*}*/

    /*.floatmiddle {*/
    /*   margin: 0.3rem;*/
    /*   text-align: center;*/
    /*   float: none;*/
    /*   clear: none;*/
    /* }*/

    /*.floatright {*/
    /*    margin: 0.3rem;*/
    /*    text-align: center;*/
    /*    float: right;*/
    /*    clear: right;*/
    /*}*/

    .rank-dark {
        background-color: #EBEBEB;
    }

    .rank-light {
    	background-color: #ABBAEA;
    }

    .rank-yellow {
    	background-color: #FBD603;
    }


    #input {

        padding: 0.3rem;
        font-size: 1rem;
        text-align: center;
        width: 20%;
    }

